<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'left.jsp' starting page</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->

<style type="text/css">
body{
	font-size:13px;
}
div{
	width:500px;
	height:500px;
	
}
h4{ 
	margin: 0;
	display:inline;
	} 
ul{ 
	margin: 0; 
	padding: 0; 
	list-style: none; 
	} 
.topul{
position:relative;
left:-20px;
}
img{
position:relative;
top:3px;
}
li{ 
	padding-left: 30px; 
	line-height: 24px;} 
a{
	text-decoration:none}
.bt{
	margin: 0; 
	padding: 0; 
	border:none;
	height:9px;
	width:9px;
	background-image:url(ico/u9_normal.png);
	
	}
</style>
  </head>
  
  <body>
  <div>
	<ul class="topul">
		<li><input type="button" class="bt" onclick="show(this,book)"/> <img src="ico/u11_normal.gif"/> <h4>图书管理</h4>
			<ul id="book" style="display:none">
				<li><img src="ico/u16_normal.gif"/> <a href="jsp/querybook.jsp" target="centerpanel">查询图书</a></li>
				<li><img src="ico/u21_normal.gif"/> <a href="jsp/addBook.jsp" target="centerpanel">添加图书</a></li>
				<li><img src="ico/u26_normal.gif"/> <a href="jsp/bookBorrow.jsp" target="centerpanel">借出图书</a></li>
				<li><img src="ico/u31_normal.gif"/> <a href="jsp/book/bookreturn_list"target="centerpanel" >归还图书</a></li>
				<li><img src="ico/u36_normal.gif"/> <a href="jsp/scrap/scrapCheck" target="centerpanel">报损审批</a></li>
				<li><img src="ico/u41_normal.gif"/> <a href="jsp/addScrap.jsp" target="centerpanel">申请报损</a></li>
			</ul>
		</li>
		
		<li><input type="button" class="bt" onclick="show(this,read)"/> <img src="ico/u48_normal.gif"/> <h4>读者管理</h4>
			<ul id="read" style="display:none">
			
			
				<li><img src="ico/u53_normal.gif"/> <a href="jsp/user/reader_list" target="centerpanel">查询读者</a></li>
				<li><img src="ico/u58_normal.gif"/> <a href="jsp/editReader.jsp" target="centerpanel">编辑读者</a></li>
			
				<li><img src="ico/u63_normal.gif"/> <a href="jsp/addReader.jsp" target="centerpanel">添加读者</a></li>
		
			</ul>
		</li>
		
		<li><input type="button" class="bt" onclick="show(this,user)"/> <img src="ico/u70_normal.gif"/> <h4>系统设置</h4>
			<ul id="user" style="display:none">
			<c:if test="${sessionScope.level=='1'}">
				<li><img src="ico/u75_normal.gif"/> <a href="jsp/addUser.jsp" target="centerpanel">添加管理员</a></li>
				<li><img src="ico/u80_normal.gif"/> <a href="jsp/user/list" target="centerpanel">查看管理员</a></li>
			</c:if>
				<li><img src="ico/u85_normal.gif"/> <a href="jsp/editUser.jsp" target="centerpanel">编辑管理员</a></li>
			</ul>
		</li>
		
		<li><input type="button" class="bt" onclick="show(this,total)"/> <img src="ico/u92_normal.gif"/> <h4>统计功能</h4>
			<ul id="total" style="display:none">
				<li><img src="ico/u97_normal.gif"/> <a href="jsp/tuxingJsp.jsp" target="centerpanel">图书统计</a></li>
				<li><img src="ico/u97_normal.gif"/> <a href="jsp/zhuxingtu.jsp" target="centerpanel"> 借出统计</a></li>
				<li><img src="ico/u97_normal.gif"/> <a href="jsp/zhexiantu.jsp" target="centerpanel">读者统计</a></li>
			</ul>
		</li>
		
	</ul>
	</div>
  </body>
  <script type="text/javascript" src="js/jquery-1.7.2.js"></script>
  <script type="text/javascript">
  function show(b,ul){
	if(ul.style.display=="none"){
	ul.style.display="block";
	b.style.background="url(ico/u9_selected.png)";
	}else{
	ul.style.display="none";
		b.style.background="url(ico/u9_normal.png)";
	}
  }
</script>
</html>
